import React from 'react';

interface ISvgIconProps {
  name: string; // 图标名称（assets/icons 目录下的 svg 文件名，不含扩展名）
  size?: number | string; // 图标大小
  color?: string; // 图标颜色
  className?: string;
  style?: React.CSSProperties;
}

const SvgIcon: React.FC<ISvgIconProps> = ({
  name,
  size = 24,
  color = '#000',
  className = '',
  style = {}
}) => {
  return (
    <svg
      aria-hidden="true"
      className={`svg-icon ${className}`}
      style={{ width: size, height: size, fill: color, ...style }}
    >
      <use xlinkHref={`#icon-${name}`} />
    </svg>
  );
};

export default SvgIcon;
